<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cy的防携程</title>
    <!-- <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"> -->
<!--     <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css"> -->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2851309_1jnqa75hv7l.css?spm=a313x.7781069.1998910419.40&file=font_2851309_1jnqa75hv7l.css">
    <!-- <script src="./js/lunbotu.js"></script> -->
</head>

<body>
    <!-- 轮播图和搜索框 -->
    <div class="container lunbobox">
        <!-- 搜索框 -->
        <div class="search">
            <div class="fangdajing"></div>
            <input type="search" class="searchBox fl" placeholder="搜索:目的地/酒店/经典/航班号">
            <div class="my fl">我的</div>
        </div>
        <div class="bg"></div>
        <div class="banner">
            <!-- 轮播图片 -->
            <div class="bannerImgs">
                <ul>
                    <li><a href="#"><img src="./images/banner04.jpg"/></a></li>
                    <li><a href="#"><img src="./images/banner01.jpg"/></a></li>
                    <li><a href="#"><img src="./images/banner02.jpg"/></a></li>
                    <li><a href="#"><img src="./images/banner03.jpg"/></a></li>
                    <li><a href="#"><img src="./images/banner04.jpg"/></a></li>
                    <li><a href="#"><img src="./images/banner01.jpg"/></a></li>
                </ul>
            </div>
            <!-- 小圆点 -->
            <div class="dot">
                <ol>
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
            </div>
        </div>
        <!-- 攻略 -->
        <div class="gonglue">
            <ul>
                <li>
                    <div class="img1"></div>
                    <span>攻略·经典</span>
                </li>
                <li>
                    <div class="img2"></div>
                    <span>门票·玩乐</span>
                </li>
                <li>
                    <div class="img3"></div>
                    <span>美食林</span>
                </li>
                <li>
                    <div class="img4"></div>
                    <span>周边游</span>
                </li>
                <li>
                    <div class="img5"></div>
                    <span>一日游</span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 出门方式列表 -->
    <div class="container">
        <div class="icons">
            <ul class="list1">
                <li class='list1_1'>酒店</li>
                <li class='list1_2'>民宿·客栈</li>
                <li class='list1_3'>火车票</li>
                <li class='list1_4'>机票</li>
            </ul>
            <ul class="list2">
                <li class='list2_1'>机票</li>
                <li class='list2_2'>火车票</li>
                <li class='list2_3'>汽车·船票</li>
                <li class='list2_4'>专车·租车</li>
            </ul>
            <ul class="list3">
                <li class='list3_1'>旅游</li>
                <li class='list3_2'>高铁游</li>
                <li class='list3_3'>邮轮游</li>
                <li class='list3_4'>定制游</li>
            </ul>
        </div>
    </div>
    <!-- 自由行 -->
    <div class="container">
        <ul class="ziyouxing">
            <li>
                <div></div>
                <span>自由行</span>
            </li>
            <li>
                <div></div>
                <span>WiFi电话卡</span>
            </li>
            <li>
                <div></div>
                <span>保险·签证</span>
            </li>
            <li>
                <div></div>
                <span>换钞·购物</span>
            </li>
            <li>
                <div></div>
                <span>当地向导</span>
            </li>
            <li>
                <div></div>
                <span>特价机票</span>
            </li>
            <li>
                <div></div>
                <span>礼品卡</span>
            </li>
            <li>
                <div></div>
                <span>申卡·借钱</span>
            </li>
            <li>
                <div></div>
                <span>旅拍NEW</span>
            </li>
            <li>
                <div></div>
                <span>更多</span>
            </li>
        </ul>
        <hr/>
    </div>
    <!-- 特卖汇 -->
    <div class="container">
        <div class="container1">
            <div class="temaihui_box">
                <div class="temaihui"></div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="container1">
            <div class="temaihuiList">
                <div class="left fl">
                    <img src="./images/pic-tmh-01.jpg" alt="" style="width: 11.73rem;">
                    <p>三亚5日自由行(5钻)·节后<br/>错峰款【高星度假型酒店合辑·4晚连住】预订赠出行礼遇·网红酒店|唯美海滩|亲子宅玩|海鲜盛宴|惬意泳池|热剧取景地·暖秋当红旅行地 累计超6万人真实出行！
                    </p>
                    <span>$1504起</span>
                </div>
                <div class="right fl">
                    <div class="right_top">
                        <div>
                            <p>千款特价</p>
                            <p>走过路过不错过</p>
                        </div>
                        <img src="./images/pic-tmh-02.png" alt="" style="width: 3.33rem;">
                    </div>
                    <div class="right_bottom_left fl">
                        <p>境外精选</p>
                        <p>限时抢购</p>
                        <img src="./images/pic-tmh-03.png" alt="" style="width: 3.33rem;">
                    </div>
                    <div class="right_bottom_right fl">
                        <p>周边玩乐</p>
                        <p>欢乐度周末</p>
                        <img src="./images/pic-tmh-04.png" alt="" style="width: 3.33rem;"> 
                    </div>
                </div>
            </div>
        </div> 
        <hr>
    </div>
    <!-- 热门活动 -->
    <div class="container">
        <div class="container1 hot_game">
            <div class="hot fl"></div>
            <img src="./images/icon-gg.png" alt="" class="fl AD">
        </div>
        <hr/>
    </div>
    <div class="container">
        <div class='picture_list clearfix'>
            <img src="./images/huodong01.png" alt="">
            <img src="./images/huodong02.png" alt="">
            <img src="./images/huodong03.jpg" alt="">
            <img src="./images/huodong04.jpg" alt="">
            <img src="./images/huodong05.jpg" alt="">
            <img src="./images/huodong06.jpg" alt="">
        </div>
    </div>
<!-- 电话预订 -->
    <div class="container">
        <hr/>
        <div class="phone">
            <ul>
                <li>
                    <div class="iconfont icon-dianhua"></div>
                    <span>电话预订</span>
                </li>
                <li>
                    <div class="iconfont icon-xiazai"></div>
                    <span>下载客户端</span>
                </li>
                <li>
                    <div class="lianxi3"></div>
                    <span>我 的</span>
                </li>
            </ul>
        </div>
        <hr/>
    </div>
    <!-- 尾部 -->
    <div class="container">
        <div class="footer">
            <p>网站地图｜ Language｜ 电脑版</p>
            <p>©2020粤嵌H5前端开发｜粤ICP备XXXXX号-XXXXX</p>
        </div>
    </div>
    
</body>
</html>